mobile-topimg@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
}
body{
	-webkit-text-size-adjust: 100%;
    margin: 0;
}
body * p{
	font-family: Avenir,kozuka-gothic-pr6n, sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
}
header{
	margin: 0;
	background: #888;
    width: 100%;
    height: auto;
	text-align: center;	
}
header p{
	margin-top: 0px;
	margin-bottom: 0px;
}
header img{
	margin-top: 10px;
	margin-bottom: 10px;
}
.container{
	text-align: center;
}
.top-img{
  /* ボックス配置指定 */
　position: relative;
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
.top-text{
	opacity: 0;
	animation-name: SlideIn;
	animation-delay: 1s;
	animation-duration: 2s;
	animation-fill-mode: forwards;
}
@keyframes SlideIn {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.img-intext{
	position: absolute;
	top: 380px;
	text-align: left;
	font-size: 30px;
    margin-left: 310px;
}
.new1{
	position: absolute;
	top: 170px;
	margin-left: 835px;
	text-align: left;
	font-size: 20px;
	font-style: italic;
}
.new2{
	position: absolute;
	top: 170px;
	margin-left: 995px;
	text-align: left;
	font-size: 20px;
	font-style: italic;
}
.new-release{
	margin-top: 60px;
	margin-bottom: 38px;
}
.new-release-title0{
	display: none;
}
.new-release-title1{
	font-size: 30px;
	margin-bottom: 20px;
	color: #00b7ce;
}
.new-release-title2{
	font-size: 20px;
}

.feature-imgset{
	display: flex;
	justify-content: center;
	padding-top: 45px;
}
.set2{
	padding-left: 50px;
	padding-right: 50px;
}
.feature-imgset p{
	color: #00b7ce;
	font-size: 22px;
}
.item-area{
	
}
.itembox1{
	background: -moz-linear-gradient(right, #FFF, #D1CCCC);
    background: -webkit-linear-gradient(right, #FFF, #D1CCCC);
    background: linear-gradient(to left, #FFF, #D1CCCC);
	height: 400px;
	text-align: right;
	width: 50%;
	margin-right: 50%;
	margin-bottom: -200px;
	position: relative;
}
.gradation1{
	background: -moz-linear-gradient(right, #FFF, #8C8A8A);
    background: -webkit-linear-gradient(right, #FFF, #8C8A8A);
    background: linear-gradient(to left, #FFF, #8C8A8A);
	width: 100%;
	height: 80px;
	position: absolute;
	top: 65px;
	z-index: 0;
}
.itembox2{
	background: -moz-linear-gradient(left, #FFF, #D1CCCC);
    background: -webkit-linear-gradient(left, #FFF, #D1CCCC);
    background: linear-gradient(to right, #FFF, #D1CCCC);
	height: 450px;
	text-align: left;
	width: 50%;
	margin-left: 50%;
	position: relative;
}
.gradation2{
	background: -moz-linear-gradient(left, #FFF, #8C8A8A);
    background: -webkit-linear-gradient(left, #FFF, #8C8A8A);
    background: linear-gradient(to right, #FFF, #8C8A8A);
	width: 100%;
	height: 85px;
	position: absolute;
	top: 90px;
	z-index: 0;
}
.itembox3{
	background: -moz-linear-gradient(right, #FFF, #D1CCCC);
    background: -webkit-linear-gradient(right, #FFF, #D1CCCC);
    background: linear-gradient(to left, #FFF, #D1CCCC);
	height: 450px;
    text-align: right;
	width: 50%;
	margin-top: -200px;
	margin-right: 50%;
	position: relative;
}
.gradation3{
	background: -moz-linear-gradient(right, #FFF, #8C8A8A);
    background: -webkit-linear-gradient(right, #FFF, #8C8A8A);
    background: linear-gradient(to left, #FFF, #8C8A8A);
	width: 100%;
	height: 85px;
	position: absolute;
	top: 75px;
	z-index: 1;
}
.item{
	display: inline-flex;
	position: relative;
	z-index: 10;
	padding-top: 23px;
}
.item p{

	margin-right: 20px;
}
.bule{
	color: #00b7ce;
	font-style: italic;
}
.item-img1{
	padding-top: 25px;
	padding-right: 20px;
	padding-left: 30px;
	width: 103px;
	height: 305px;
}
.item-img2{
	padding-right: 20px;
	padding-left: 30px;
	width: 104px;
	height: 403px;
}
.item-img3{
	padding-right: 20px;
	padding-left: 30px;
	width: 122px;
	height: 401px;
}
.item-text1{
	text-align: left;
	padding-top: 25px;
}
.item-text2{
	text-align: left;
	padding-top: 15px;
}
.item-text3{
	text-align: left;
}
.uri{
	font-size: 23px;
}
.morelink{
	text-align: center;
	border: 1px solid;
	font-size: 18px;
    width: 180px;
}
.morelink a{
	text-decoration: none;
	color: #000000;
}
.sns{
	margin-top: 50px;
	margin-bottom: 50px;
}
.sns p{
	font-size: 30px;
	color: #000000;
	
}
.history-img{
	display: flex;
	justify-content: center;
}
.history-img img{
	width: 200px;
	height: 200px;
	padding-left: 10px;
	padding-right: 10px;
}
footer{
	background: #888;
    width: 100%;
    height: auto;
	text-align: center;	
}
footer p{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: white;
}
.mobile-topimg{
	display: none;
}
.set1-mob{
	display: none;
}
.set2-mob{
	display: none;
}
.set3-mob{
	display: none;
}